
<!doctype html>

<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>友情链接</title>
  <link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
  <link href="css/style.css" type="text/css" rel="stylesheet">
  <link type="text/css" href="css/nprogress.css" rel="stylesheet">
  <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js" type="text/javascript"></script>
  <script src="js/respond.min.js" type="text/javascript"></script>
  <script src="js/selectivizr-min.js" type="text/javascript"></script>
  <![endif]-->
  <link rel="apple-touch-icon-precomposed" href="images/icon/icon.png">
  <link rel="shortcut icon" href="images/icon/favicon.ico">
  <meta name="Keywords" content="" />
  <meta name="description" content="" />
  <script type="text/javascript">
      //判断浏览器是否支持HTML5
      window.onload = function() {
          if (!window.applicationCache) {
              window.location.href="ie.html";
          }
      }
  </script>
</head>

<body>
<div id="app">
  <section class="container user-select">
    <header id="appkind">
      <div class="hidden-xs header"><!--超小屏幕不显示-->
        <h1 class="logo"> <a href="index.html" title="个人技术博客"></a> </h1>
        <ul class="nav hidden-xs-nav">
          <!-- <li v-for="kind in listkind" @click="getKind_name(kind.kind_name)"><a href=""><span class="glyphicon glyphicon-erase"></span>{{kind.kind_name}}</a></li> -->
        </ul>
      </div>
      <!--/超小屏幕不显示-->
      <div class="visible-xs header-xs"><!--超小屏幕可见-->
        <div class="navbar-header header-xs-logo">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-xs-menu" aria-expanded="false" aria-controls="navbar"><span class="glyphicon glyphicon-menu-hamburger"></span></button>
        </div>
        <div id="header-xs-menu" class="navbar-collapse collapse">
          <ul class="nav navbar-nav header-xs-nav">
            <!-- <li v-for="kind in listkind" @click="getKind_name(kind.kind_name)"><a href=""><span class="glyphicon glyphicon-erase"></span>{{kind.kind_name}}</a></li> -->
          </ul>
          <form class="navbar-form" action="search.php" method="post" style="padding:0 25px;">
            <div class="input-group">
              <input type="text" class="form-control" placeholder="请输入关键字">
              <span class="input-group-btn">
            <button class="btn btn-default btn-search" type="submit">搜索</button>
            </span> </div>
          </form>
        </div>
      </div>
    </header>
    <!--/超小屏幕可见-->
    <div class="content-wrap"><!--内容-->
      <div class="content">
        <ul class="nav nav-tabs">
          <li><a href="index.html"><span class="glyphicon glyphicon-home"></span>&emsp;首页</a></li>
          <li><a href="about.html"><span class="glyphicon glyphicon-user"></span>&emsp;个人中心</a></li>
          <li><a href="addArticle.html"><span class="glyphicon glyphicon-erase"></span>&emsp;发表文章</a></li>
          <li><a href="friendly.html"><span class="glyphicon glyphicon-tags"></span>&emsp;友情链接</a></li>
        </ul>
        <div class="content-block friendly-content row">
          <h2 class="title"><strong>本站友链</strong></h2>

          <div class="col-md-4 col-xs-6" v-for="blogroll in listblogroll" ><span data-toggle="tooltip" data-placement="bottom"  v-bind:title="blogroll.blogroll_alliance"><a v-bind:href="blogroll.blogroll_url" >{{blogroll.blogroll_alliance}}</a></span>
            <p>{{blogroll.blogroll_explain}}</p>
          </div>
        </div>
      </div>
    </div>
    <!--  /内容-->
    <aside class="sidebar visible-lg" >
      <!--右侧>992px显示-->
      <div class="sentence"> <strong>每日一句</strong>
        <h2>{{randtime}}</h2>
        <p>{{randNote.note_statement}}</p>
      </div>

      <div>
        <div class="sidebar-block recommend">
          <h2 class="title"><strong>热门推荐</strong></h2>
          <ul>
            <li v-for="hotac in listHotArticle"><a target="_blank" href="" @click="content(hotac)">
              <!-- <span class="thumb"><img src="images/icon/icon.png" alt=""></span> -->
              <span class="text">{{hotac.article_title}}</span> <span class="text-muted">阅读({{hotac.article_pageView}})</span></a></li>
          </ul>
        </div>
        <div class="sidebar-block comment">
          <h2 class="title"><strong>最新文章</strong></h2>
          <ul>
            <li data-toggle="tooltip" data-placement="top" v-for="newac in listNewArticle" v-bind:title="newac.article_title"
                @click="content(newac)">
              <a target="_blank" href="">{{newac.article_publishDate}}
                <span class="text"><strong>{{newac.article_summary}}</strong> <br /></span></a></li>

          </ul>
        </div>
      </div>
    </aside>
    <!--  /右侧>992px显示-->
    <footer class="footer">POWERED BY &copy;<a href="#">技术博客 XXXXX.COM</a> ALL RIGHTS RESERVED &nbsp;&nbsp;&nbsp;<span><a href="http://www.mycodes.net/" target="_blank">源码之家</a></span> <span style="display:none"><a href="">网站统计</a></span> </footer>
  </section>
  <div><a href="javascript:;" class="gotop" style="display:none;"></a></div>
</div>
<!--/返回顶部-->
<script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="js/nprogress.js" type="text/javascript" ></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/vue.js"></script>
<script src="desk/js/friendly.js"></script>
</body>
</html>
